@charset "utf-8";
/* CSS Document */

/*img x*/
.nav-personal dt {
	background-image:url(../images/main/spr_x.png);
	background-repeat:repeat-x;
}
/*.col-side*/
.col-side {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:154px;
	height:100%;
	overflow:hidden;
	border-right:1px solid #474A57;
	background:#474A57;
}
.col-side .directory-tree {
	bottom:200px;
}
/**.nav-personal**/
.nav-personal {
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	padding:0 0 5px 10px;
	overflow:hidden;
	_zoom:1;
	background:#474A57;
}
.nav-personal dt {
	height:9px;
	margin-left:-10px;
	line-height:10;
	overflow:hidden;
	background-position:0 -692px;
}
.nav-personal dd {
	float:left;
	width:62px;
	height:52px;
	margin-right:5px;
	padding:5px 0;
	text-align:center;
	overflow:hidden;
	color:#CCC;
}
.nav-personal .pi {
	display:block;
	width:32px;
	height:32px;
	margin:auto;
	overflow:hidden;
	background-image:url(../images/main/nav_personal.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
.pi-recycle {
	background-position:0 0;
}
.pi-recycle:hover,
.focus .pi-recycle {
	background-position:0 -33px;
}
.pi-recent {
	background-position:-33px 0;
}
.pi-recent:hover,
.focus .pi-recent {
	background-position:-33px -33px;
}
.pi-shared {
	background-position:-66px 0;
}
.pi-shared:hover,
.focus .pi-shared {
	background-position:-66px -33px;
}
.pi-continue {
	background-position:-99px 0;
}
.pi-continue:hover,
.focus .pi-continue {
	background-position:-99px -33px;
}
.pi-history {
	background-position:-132px 0;
}
.pi-history:hover,
.focus .pi-history {
	background-position:-132px -33px;
}
.pi-favorite {
	background-position:-165px 0;
}
.pi-favorite:hover,
.focus .pi-favorite {
	background-position:-165px -33px;
}
.nav-personal span {
	display:block;
	height:20px;
	line-height:20px;
	overflow:hidden;
	cursor:pointer;
}
.nav-personal b {
	position:absolute;
	top:135px;
	left:42px;
	min-width:6px;
	height:14px;
	padding:0 4px;
	line-height:14px;
	overflow:hidden;
	font-weight:normal;
	color:#FFF;
	border:1px solid #FFF;
	border-radius:8px;
	background:#D12820;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E32827), to(#BE2919));
	background:-moz-linear-gradient(top, #E32827, #BE2919 100%);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
	cursor:default;
}
/*.col-frame*/
.col-frame {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:155px;
	overflow:hidden;
	_position:relative;
	_left:0;
	_height:100%;
	_margin-left:155px;
}
.col-frame iframe {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	border:0 none;
}
/*for IE6*/
*html .col-side .directory-tree {
height:expression((function(el) {
 try {
 el.style.height=el.parentNode.clientHeight-200+"px";
 el.parentNode.onresize=function() {
 el.style.height=el.parentNode.clientHeight-200+"px";
}
}
 catch(e) {
}
}
)(this));
}
